<!--********************************************************************
* Copyright© 2000 - 2020 SuperMap Software Co.Ltd. All rights reserved.
*********************************************************************-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>mapTalks使用其他瓦片</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body>
    <iframe src="../../map/indexTalks.html" frameborder="0" style="width: 100vw;height: 100vh;"></iframe>
</body>
<script type="text/javascript">
// 我在源码里面，maptalks地图，默认配置的瓦片是矢量瓦片+矢量注记。 如果想换成卫星的怎么办呢， 就是用layConfig来配置
/**
 *  首先maptalks比较高级，两套常用的投影都支持 EPSG4326（默认） 和 EPSG3857 
 */
 window.$Config = {
    mapConfig: {
        useMask: '0',

        // 高德的所有瓦片都是 3857的， 所以要结合L_MAP_EPSG 和 L_MAP_LngLat_SYS 两个配置。
        L_MAP_EPSG: 'EPSG3857',
        L_MAP_LngLat_SYS: 'GCJ02',
        layerConfig: {
            url: [
                // 卫星和注记一般可以混用，但是注意层级，卫星要在注记下面
                'https://webst0{s}.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z}', // 6卫星
                'https://webst0{s}.is.autonavi.com/appmaptile?style=8&x={x}&y={y}&z={z}', // 8注记
                // 'https://webst0{s}.is.autonavi.com/appmaptile?style=7&x={x}&y={y}&z={z}', // 7矢量
            ],
            subdomains: [1,2,3,4]
        }



        // 墨卡托的天地图投影
        // L_MAP_EPSG: 'EPSG3857',
        // layerConfig: {
        //     url: [
        //         'http://t{s}.tianditu.gov.cn/DataServer?T=img_w&tk=3f4a97ee5cf6315de1ad7fb4ac94cd75&x={x}&y={y}&l={z}',
        //         'http://t{s}.tianditu.gov.cn/DataServer?T=cva_w&tk=3f4a97ee5cf6315de1ad7fb4ac94cd75&x={x}&y={y}&l={z}',
        //     ],
        //     subdomains: [1,2,3,4,5,6,7]
        // }

        // 墨卡托的经纬度（4326）投影
        // layerConfig: {
        //     url: [
        //         'http://t{s}.tianditu.gov.cn/DataServer?T=img_c&tk=3f4a97ee5cf6315de1ad7fb4ac94cd75&x={x}&y={y}&l={z}',
        //         'http://t{s}.tianditu.gov.cn/DataServer?T=cva_c&tk=3f4a97ee5cf6315de1ad7fb4ac94cd75&x={x}&y={y}&l={z}',
        //     ],
        //     subdomains: [1,2,3,4,5,6,7]
        // }
        
    }
 };
 
</script>
</html>